import React from 'react'
import { Link, Control,Route } from 'react-keeper'
import 'weui';

import arrowjd from './../../assets/icon/箭头.png';
import { Panel,PanelHeader,Cells,Cell,CellHeader,CellBody,Badge,CellsTitle,Flex,
  FlexItem } from  'react-weui/build/packages';

export default class AppHeader extends React.Component {
  constructor(props) {
    super(props);
    this.goHome = this.goHome.bind(this);
  }

  goHome() {
    Control.go(-1);
  }

  render() {
    return (



      <Panel className="head-panel">
        <PanelHeader>
        <Flex>
          <FlexItem>
            <div className="placeholder">
              <a onClick={ ()=> Control.go(-1) }>
                <img src={arrowjd} style={{width: '20px', display: 'block'}} />
              </a>
                    {/*<Link to='#/' state={{ id: 'home', time: new Date().toLocaleString() }} >
                      <img src={arrowjd} style={{width: '20px', display: 'block'}} />
                    </Link>*/}
            </div>
          </FlexItem>
          <FlexItem>
            <div className="weui-flex__item">
            </div>
          </FlexItem>

        </Flex>
        </PanelHeader>
      </Panel>

    //  <Cells>
    // <CellsTitle>
    // <Link to='#/' state={{ id: 'home', time: new Date().toLocaleString() }} >返回</Link>
    // </CellsTitle>
    // </Cells>

      // <header className='navbar navbar-static-top navbar-inverse bs-docs-nav' id='top' role='banner'>
      //   <div className='container-fluid'>
      //     <div className='navbar-header'>
      //       <Link to='#/' state={{ id: 'home', time: new Date().toLocaleString() }} className='navbar-brand'>返回</Link>
      //     </div>
      //   </div>
      // </header>
    )
  }
}
